<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>干货挑战-上传小票</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="css/style.css">
</head>
<body class="bg-footer">
<header class="caption">
  <img src="img/bandder.jpg" alt="caption" title="干活挑战">
</header>
<section class="wapper">
  <article class="content">
    <div class="input-group">
      <label for="stores" class="input-label">选择卖场：</label>
      <input type="text" class="input-control" placeholder="选择卖场" onfocus="this.blur()" readonly id="stores"/>
    </div>

    <div class="input-group min-w">
      <label class="input-label">选择卖场：</label>
      <select id="province" class="input-control">
        <option value="">请选择</option>
        <option value="北京">北京</option>
        <option value="河南">河南</option>
        <option value="南京">南京</option>
      </select>
      <select id="city" class="input-control">
        <option value="">请选择</option>
        <option value="1"></option>
        <option value="2"></option>
        <option value="3">3</option>
      </select>
    </div>

    <div class="input-group">
      <label class="input-label"></label>
      <input type="text" class="input-control" placeholder="选择门店" onfocus="this.blur()" readonly id="store"/>
    </div>

    <div class="input-group">
      <label for="datetime" class="input-label">购物时间：</label>
      <input type="text" class="input-control" placeholder="选择购物时间" onfocus="this.blur()" readonly id="datetime" />
    </div>

    <div class="input-group">
      <span class="input-label">小票上传：</span>
      <div class="addbtn-box">
        <a href="javascript:;" class="addbtn"></a>
        <a href="javascript:;" class="addbtn"></a>
        <a href="javascript:;" class="addbtn"></a>
      </div>
    </div>

    <div class="btn-group">
      <span class="min-load" id="load-info">请保证小票清晰可见，长小票请选择分段上传</span>
      <button class="btn btn-blod" type="button" id="sub">立即提交</button>
    </div>
  </article>
  <footer class="info">
    <h2 class="info-title">活动规则</h2>
    <div class="info-content">
      <p><strong>活动时间：</strong>2016年8月15日-2016年11月30日</p>
      <p><strong>活动地点：</strong>湖南，湖北，四川，成都，陕西，甘肃，云南，西藏，新疆，青海指定门店（以活动页面官方门店清单为准）</p>
      <p><strong>参加活动产品：</strong> 帮宝适超薄干爽纸尿裤</p>
      <p><strong>活动说明：</strong> <br>
        <strong>·</strong> 活动期间，每1张小票，每1个微信ID，购买至少1包超薄干爽纸尿裤，获得1次抽奖机会。<br>
        <strong>·</strong> 每1张购物小票，审核通过后最高获得68元、最低获得6.8元微信现金红包；<br>
        <strong>·</strong> 宝洁公司有权依法进行解释未尽事宜<br>
      <p><strong>活动热线：</strong>400-6666-225</p>
    </div>
  </footer>
</section>


<!-- 选择卖场 -->
<div class="stores mc">
  <div class="stores-mask"></div>
  <div class="stores-content">
    <h2 class="st-tit text-center">选择卖场</h2>
    <div class="search-box">
      <div class="table-cell ver-m"><input class="sea-input" type="text" value="" placeholder="搜索卖场"/></div>
      <button class="sea-btn" type="button" id="search">搜索</button>
    </div>
    <ul class="st-ul">
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <li class="layer"><span class="st-val">奥斯卡京东方</span></li>
      <li class="layer"><span class="st-val">阿斯顿发撒的</span></li>
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <li class="layer"><span class="st-val">阿斯顿飞师傅</span></li>
      <li class="layer"><span class="st-val">阿斯顿飞爱上安防啊</span></li>
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <li class="layer"><span class="st-val">asdfasdfs</span></li>
      <li class="layer"><span class="st-val">132132</span></li>
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <!-- 加载更多 start -->
      <div class="moremarket-list"></div>
      <li class="text-center">
        <a class="btn" id="sdf" href="javascript:;">加载更多卖场</a>
      </li>
      <!-- 加载更多 end -->
    </ul>
  </div>
</div>


<!-- 选择门店 -->
<div class="stores md">
  <div class="stores-mask"></div>
  <div class="stores-content">
    <h2 class="st-tit text-center">选择门店</h2>
    <div class="search-box">
      <div class="table-cell ver-m"><input class="sea-input" type="text" value="" placeholder="搜索卖场"/></div>
      <button class="sea-btn" type="button" id="search2">搜索</button>
    </div>
    <ul class="st-ul">
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <li class="layer"><span class="st-val">奥斯卡京东方</span></li>
      <li class="layer"><span class="st-val">阿斯顿发撒的</span></li>
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <li class="layer"><span class="st-val">阿斯顿飞师傅</span></li>
      <li class="layer"><span class="st-val">阿斯顿飞爱上安防啊</span></li>
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <li class="layer"><span class="st-val">asdfasdfs</span></li>
      <li class="layer"><span class="st-val">132132</span></li>
      <li class="layer"><span class="st-val">沃尔玛超市</span></li>
      <!-- 加载更多 start -->
      <div class="moremarket-list"></div>
      <li class="text-center">
        <a class="btn" id="moremarket" href="javascript:;">加载更多卖场</a>
      </li>
      <!-- 加载更多 end -->
    </ul>
  </div>
</div>


<script src="lib/zepto.min.js"></script>
<script src="lib/zepto.mdater.js"></script>
<script src="lib/layer.js"></script>
<script src="js/main.js"></script>
<script>
!function () {
  cc.start();
}();
</script>
</body>
</html>